<template>
  <div class="fenlei-container">
    <div class="sousuo">
    <input type="text" placeholder="玫瑰花0元抢">
</div>

  
 
 </div>
</template>
<script>
import axios from 'axios'
export default {
  name: "FenleiIndex",

  components: {},
  props: {},

  data() {
    return {
      activeKey: 0,
      value: "",
      active: 2,
      list:[],
    };
  },
  computed: {},
  watch: {},
  created() {},

  mounted() {},

  methods: {},

  async mounted() {
    // axios 返回值是个promise
    let result = await axios.get(
      "https://api1.34580.com/sz/Home/AdvertisementPhotoshootRequest?sourcetype=9&stationId=2141&sessionId=f3effa5a-522f-7e22-3c9d-0d7d5b6379e8&timestamp=1628686648196&json=%7B%22TypeCode%22:1002,%22PlatForm%22:1500%7D"
    );
    console.log(result.data.Data);
    this.list= result.data.Data
  },
};
</script>

<style lang="stylus" scoped>
.fenlei-container{
  display: flex;
	flex-direction: column;
  .sousuo{
    position fixed
    top 0
    left 0
    width 100%
    height 50px
    // background red
    border-bottom 1px solid rgba(51,51,51,.1)
    input{
      width 380px
      height 30px
      margin-top 10px
      margin-left 15px
      border-radius 20px
      background rgba(51,51,51,.06)
      text-align center
      border none
    }
  }
section{
  	flex:1;
				display: flex;
				overflow: auto;
   .lef{
      width:100px;
			overflow: auto
      border 1px solid #dfdfdf
     li{
        // width 100px
        height 30px
        background rgba(51,51,51,.06)
        text-align center
        border 1px solid #dfdfdf
ul>li:hover{
  background red 
}
      }
   }
       
}
.rig{
flex: 1;
				background-color: #f2f2f2;
				padding 20px;
				box-sizing: border-box;
				overflow: auto;

}
}
</style>